<template>
  <div class="full">
    <div class="left">
      <my-table1/>
    </div>
    <div class="content">
      <my-table2/>
    </div>
    <div class="left">
      <my-table3/>
    </div>

  </div>
</template>

<script lang="ts" setup>
import {provide, ref} from "vue";
import myTable2 from "./my-table2.vue";
import myTable3 from "./my-table3.vue";
import myTable1 from "./my-table1.vue";

let active: any = ref({});
let versionActive: any = ref({});
provide("active", active);
provide("versionActive", versionActive);
</script>

<style lang="scss" scoped>
.full {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
  display: flex;

  .content {
    flex: 1;
    width: calc(30%);
    height: 100%;
  }
}
</style>